<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>JQuery</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/JQuery"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-JQuery rootpage-JQuery skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading">jQuery</h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><table class="float-right infobox toccolours toptextcells" style="border-spacing:5px; font-size:90%; text-align:left; width:21em;">
<tbody><tr>
<th colspan="2" class="hintergrundfarbe6" style="font-size:105%; text-align:center;">jQuery
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td colspan="2" class="notheme" style="text-align:center; background-color:#f8f9fa;"><span typeof="mw:File"></span>
</td></tr>
<tr>
<th colspan="2" class="hintergrundfarbe5" style="font-size:105%; text-align:center;">Basisdaten
<p class="mw-empty-elt">
</p>
</th></tr>
<tr>
<td><b><a href="Softwareentwickler" title="Softwareentwickler">Entwickler</a></b>
</td>
<td>jQuery Team
</td></tr>
<tr>
<td><b>Erscheinungsjahr</b>
</td>
<td>August 2005<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>
</td></tr>
<tr>
<td><b>Aktuelle <a href="Version_(Software)" title="Version (Software)">Version</a></b>
</td>
<td><span class="wikidata-content">3.7.1<sup id="cite_ref-_0381a55837af1035_2-0" class="reference"><a href="#cite_note-_0381a55837af1035-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup></span> <br> (<span class="wikidata-content">28. August 2023</span>)
</td></tr>
<tr>
<td><b>Aktuelle Vorabversion</b>
</td>
<td><span class="wikidata-content">4.0.0-rc1<sup id="cite_ref-_b7487de24b825c74_3-0" class="reference"><a href="#cite_note-_b7487de24b825c74-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup></span> <br> (<span class="wikidata-content">11. August 2025</span>)
</td></tr>
<tr>
<td><b><a href="Betriebssystem" title="Betriebssystem">Betriebssystem</a></b>
</td>
<td><a href="Plattformunabh%C3%A4ngigkeit" title="Plattformunabhängigkeit">plattformunabhängig</a>
</td></tr>
<tr>
<td><b><a href="Programmiersprache" title="Programmiersprache">Programmiersprache</a></b>
</td>
<td><a href="JavaScript" title="JavaScript">JavaScript</a>
</td></tr>
<tr>
<td><b>Kategorie</b>
</td>
<td><a href="Programmbibliothek" title="Programmbibliothek">Bibliothek</a>
</td></tr>
<tr>
<td><b>Lizenz</b>
</td>
<td><a href="MIT-Lizenz" title="MIT-Lizenz">MIT</a>
</td></tr>
<tr>
<td class="hintergrundfarbe5" colspan="2" style="text-align:center;"><a rel="nofollow" class="external text" href="https://jquery.com/">jquery.com</a>
</td></tr></tbody></table>
<p><b>jQuery</b> (auch <i>jQuery Core</i>) ist eine <a href="Freie_Software" title="Freie Software">freie</a> <a href="JavaScript" title="JavaScript">JavaScript</a>-<a href="Programmbibliothek" title="Programmbibliothek">Bibliothek</a>, die Funktionen zur <a href="Document_Object_Model" title="Document Object Model">DOM</a>-Navigation und -Manipulation zur Verfügung stellt.
</p><p>jQuery ist die meistverwendete JavaScript-Bibliothek.<sup id="cite_ref-W3Techs_4-0" class="reference"><a href="#cite_note-W3Techs-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> 77 % aller Websites<sup id="cite_ref-W3Techs_4-1" class="reference"><a href="#cite_note-W3Techs-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup> und 69 % der 10.000 meistbesuchten Websites<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">[</span>5<span class="cite-bracket">]</span></a></sup> nutzen jQuery (Stand: September 2022). Die Bibliothek wird in vielen <a href="Content-Management-System" title="Content-Management-System">Content-Management-Systemen</a> und Webframeworks bereits mitgeliefert, zum Beispiel in
<a href="Joomla" title="Joomla">Joomla</a><sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">[</span>6<span class="cite-bracket">]</span></a></sup>, <a href="WordPress" title="WordPress">WordPress</a><sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">[</span>7<span class="cite-bracket">]</span></a></sup>, <a href="MediaWiki" title="MediaWiki">MediaWiki</a><sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">[</span>8<span class="cite-bracket">]</span></a></sup> oder <a href="Drupal" title="Drupal">Drupal</a><sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">[</span>9<span class="cite-bracket">]</span></a></sup>.
</p>
<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>
<p>Ursprünglich sollte die Bibliothek <i>jSelect</i> genannt werden. Da die <a href="Domain_(Internet)" title="Domain (Internet)">Domain</a> für diesen Namen schon vergeben war, entschied sich der Entwickler John Resig für den Namen jQuery.<sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">[</span>10<span class="cite-bracket">]</span></a></sup> Die von John Resig entwickelte Bibliothek wurde im Januar 2006 auf dem <a href="Barcamp" title="Barcamp">Barcamp</a> (NYC) in New York veröffentlicht. Inzwischen wird die Bibliothek jQuery von der unabhängigen <i>jQuery Foundation</i> fortlaufend weiterentwickelt und um weitere Bibliotheken ergänzt mit <a href="JQuery_UI" title="JQuery UI">JQuery UI</a>, <a href="JQuery_Mobile" title="JQuery Mobile">jQuery Mobile</a>, <a href="Sizzle_Selector_Engine" title="Sizzle Selector Engine">Sizzle Selector Engine</a> und <a href="QUnit" title="QUnit">QUnit</a>. Der Erfinder John Resig hat sich mittlerweile aus der aktiven Entwicklungsarbeit zurückgezogen und diese an das jQuery Team übergeben, welchem er als Ehrenmitglied weiterhin angehört.<sup id="cite_ref-11" class="reference"><a href="#cite_note-11"><span class="cite-bracket">[</span>11<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Parallele_Versionsstränge"><span id="Parallele_Versionsstr.C3.A4nge"></span>Parallele Versionsstränge</h2></div>
<p>Bis 2016 wurden mit 1.x und 2.x zwei Versionsstränge gepflegt, die sich hinsichtlich der Browserkompatibilität unterscheiden. Die Versionen 1.x (ab 1.9) und 2.x besitzen eine kompatible <a href="Programmierschnittstelle" title="Programmierschnittstelle">API</a>. Seit dem 9. Juni 2016 mit der Veröffentlichung der Version 3.0 wurde ein neuer Versionsstrang eingeführt. Dieser ist im Großteil ebenfalls <a href="Kompatibilit%C3%A4t_(Technik)#Abwärtskompatibilität" title="Kompatibilität (Technik)">rückwärtskompatibel</a>.
</p><p>Der Versionsstrang 1.x begann im Juni 2006 als Version 1.0 als <a href="Entwicklungsstadium_(Software)#Alpha-Version" title="Entwicklungsstadium (Software)">Alpha-Version</a>.<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">[</span>12<span class="cite-bracket">]</span></a></sup> Die erste Version des Versionsstrangs 2.x wurde im April 2013 unter der Bezeichnung „jQuery 2.0“ veröffentlicht. Aufgrund besserer JavaScript-Unterstützung moderner <a href="Webbrowser" title="Webbrowser">Webbrowser</a> (zum Beispiel Zugriffe auf <a href="Document_Object_Model" title="Document Object Model">DOM-Knoten</a>) konnte der Quellcode von jQuery 2.0 grundlegend umstrukturiert und aufgeräumt werden. Im Gegenzug wurde die Unterstützung für ältere Browser wie den <a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a> bis einschließlich Version 8 (und der <i>Kompatibilitätsansicht</i> in aktuelleren Versionen) entfernt. Weil diese älteren Browser je nach Einsatzgebiet teilweise noch relativ hohe Verwendungszahlen besaßen, wurde die 1.x-Versionslinie aus Kompatibilitätsgründen bis zum Erscheinen der Version 3.0 am 9. Juni 2016 gewartet und aktualisiert.<sup id="cite_ref-3.0-release_13-0" class="reference"><a href="#cite_note-3.0-release-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup><sup id="cite_ref-14" class="reference"><a href="#cite_note-14"><span class="cite-bracket">[</span>14<span class="cite-bracket">]</span></a></sup> Die Versionslinien 1.x und 2.x werden weiterhin mit sicherheitsrelevanten <a href="Patch_(Software)" title="Patch (Software)">Patches</a> versorgt.<sup id="cite_ref-3.0-release_13-1" class="reference"><a href="#cite_note-3.0-release-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup>
Der Versionsstrang 3.x verzichtet gänzlich auf die Unterstützung von <a href="Internet_Explorer" title="Internet Explorer">Internet-Explorer</a>-spezifischen Eigenheiten. Unter anderem wurde mit Version 3.0 die API für <code>jQuery.deferred</code> geändert und es wurden veraltete <a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Event-Listener</a>, namentlich <code>.load</code>, <code>.unload</code> und <code>.error</code>, entfernt.<sup id="cite_ref-3.0-release_13-2" class="reference"><a href="#cite_note-3.0-release-13"><span class="cite-bracket">[</span>13<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-heading mw-heading2"><h2 id="Funktionen">Funktionen</h2></div>
<p>jQuery bietet JavaScript-Entwicklern folgende Funktionen:
</p>
<ul><li>Elementselektion im Document Object Model über die <i><a href="Sizzle_Selector_Engine" title="Sizzle Selector Engine">Sizzle Selector Engine</a></i>, die weitgehend den <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>-3-Selektoren entspricht</li>
<li><a href="Document_Object_Model" title="Document Object Model">Document-Object-Model</a>-Manipulation</li>
<li>Erweitertes <a href="Ereignis_(Programmierung)" title="Ereignis (Programmierung)">Event</a>-System</li>
<li>Hilfsfunktionen wie zum Beispiel die <code>each</code>-Funktion</li>
<li>Animationen und Effekte</li>
<li><a href="Ajax_(Programmierung)" title="Ajax (Programmierung)">Ajax</a>-Funktionalitäten</li>
<li>Erweiterbarkeit durch zahlreiche freie <a href="Plug-in" title="Plug-in">Plug-ins</a>, etwa <a href="JQuery_UI" title="JQuery UI">jQuery UI</a> für die einheitliche Gestaltung von Benutzeroberflächen oder DataTables zur Anzeige tabellarischer Daten<sup id="cite_ref-15" class="reference"><a href="#cite_note-15"><span class="cite-bracket">[</span>15<span class="cite-bracket">]</span></a></sup></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Benutzung">Benutzung</h2></div>
<p>Die jQuery-Basisbibliothek besteht aus einer JavaScript-Datei, in der alle grundlegenden DOM-, Ereignis-, Effekt- und Ajax-Funktionen enthalten sind.
</p><p>Nachdem die Datei, welche die Bibliothek enthält, im <a href="HTML-Dokument" class="mw-redirect" title="HTML-Dokument">HTML-Dokument</a> eingebunden ist, kann jQuery benutzt werden. Typischerweise wird durch den Zugriff auf Objekte mit der <code>$</code>-Funktion oder, um Kompatibilitätsproblemen mit anderen Bibliotheken aus dem Weg zu gehen und eine bessere Lesbarkeit zu erreichen, mit der <code>jQuery</code>-Funktion ein Objekt erzeugt. Dieses jQuery-Objekt kann dank <i><a href="Fluent_Interface" title="Fluent Interface">Fluent Interfaces</a></i> an andere Funktionen übergeben werden.
</p><p>Um mit mehreren Bibliotheken, die das $-Zeichen als Aufruf nutzen, arbeiten zu können, kann man dieses bei jQuery deaktivieren:
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="c1">// gibt das $-Zeichen für andere Bibliotheken frei (kann auch mit der $-Notation aufgerufen werden)</span>
<span class="nx">jQuery</span><span class="p">.</span><span class="nx">noConflict</span><span class="p">();</span>
</pre></div>
<p>Eine typische Manipulation von DOM-Elementen beginnt mit der <code>$</code>- oder <code>jQuery</code>-Funktion, die als Parameter einen <a href="Cascading_Style_Sheets" title="Cascading Style Sheets">CSS</a>-ähnlichen Selektor erwartet. Zurückgegeben werden dann übereinstimmende DOM-Elemente, die dann mit jQuery-Methoden manipuliert werden können.
Beispiel:
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="nx">$</span><span class="p">(</span><span class="s2">"div.test, p.quote"</span><span class="p">)</span>
<span class="w"> </span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s2">"blue"</span><span class="p">)</span>
<span class="w"> </span><span class="p">.</span><span class="nx">slideUp</span><span class="p">(</span><span class="s2">"slow"</span><span class="p">);</span>
<span class="c1">// oder auch</span>
<span class="nx">jQuery</span><span class="p">(</span><span class="s2">"div.test, p.quote"</span><span class="p">)</span>
<span class="w"> </span><span class="p">.</span><span class="nx">addClass</span><span class="p">(</span><span class="s2">"blue"</span><span class="p">)</span>
<span class="w"> </span><span class="p">.</span><span class="nx">slideUp</span><span class="p">(</span><span class="s2">"slow"</span><span class="p">);</span>
</pre></div>
<p>In diesem Beispiel werden alle <code>div</code>-Elemente mit der Klasse <code>test</code> sowie alle <code>p</code>-Elemente mit der Klasse <code>quote</code> selektiert. Dann wird jedem der gefundenen Elemente die CSS-Klasse <code>blue</code> hinzugefügt. Abschließend wird das vertikale Zusammenklappen dieser Elemente animiert.
</p><p>Zusätzlich existieren globale Hilfsfunktionen. Diese können mit Hilfe der <code>$</code>-/<code>jQuery</code>-Funktion aufgerufen werden. Im folgenden Beispiel-Script wird die <code>each</code>-Funktion demonstriert:
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="kd">var</span><span class="w"> </span><span class="nx">meinArray</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="p">[</span><span class="mf">1</span><span class="p">,</span><span class="w"> </span><span class="mf">2</span><span class="p">,</span><span class="w"> </span><span class="mf">3</span><span class="p">];</span>
<span class="nx">$</span><span class="p">.</span><span class="nx">each</span><span class="p">(</span><span class="nx">meinArray</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nb">document</span><span class="p">.</span><span class="nx">write</span><span class="p">(</span><span class="k">this</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="mf">1</span><span class="p">);</span>
<span class="p">});</span>
</pre></div>
<p>Dieses Beispiel schreibt <code>234</code> in das Dokument.
</p><p>Ajax-Funktionalitäten können mit Hilfe von <code>$.ajax</code> aufgerufen werden. Im unten stehenden Beispiel erfolgt eine asynchrone <a href="Hypertext_Transfer_Protocol" title="Hypertext Transfer Protocol">HTTP-POST</a>-Anfrage an ein <a href="PHP" title="PHP">PHP</a>-Script. Ist der Aufruf erfolgreich, wird die Antwort des PHP-Scriptes mit einem Hinweisfenster ausgegeben.
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="nx">$</span><span class="p">.</span><span class="nx">ajax</span><span class="p">({</span>
<span class="w"> </span><span class="nx">type</span><span class="o">:</span><span class="w"> </span><span class="s2">"POST"</span><span class="p">,</span>
<span class="w"> </span><span class="nx">url</span><span class="o">:</span><span class="w"> </span><span class="s2">"beispiel.php"</span><span class="p">,</span>
<span class="w"> </span><span class="nx">data</span><span class="o">:</span><span class="w"> </span><span class="s2">"name=Mustermann&location=Berlin"</span><span class="p">,</span>
<span class="p">}).</span><span class="nx">done</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">response</span><span class="p">){</span>
<span class="w"> </span><span class="nx">alert</span><span class="p">(</span><span class="s2">"Daten gespeichert: "</span><span class="w"> </span><span class="o">+</span><span class="w"> </span><span class="nx">response</span><span class="p">);</span>
<span class="p">});</span>
</pre></div>
<p>Mit Hilfe von jQuery können den DOM-Elementen auch Events hinzugefügt werden:
</p>
<div class="mw-highlight mw-highlight-lang-javascript mw-content-ltr" dir="ltr"><pre><span></span><span class="nx">$</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">$</span><span class="p">(</span><span class="s2">"div.test a"</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">'click'</span><span class="p">,</span><span class="w"> </span><span class="kd">function</span><span class="p">()</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="nx">alert</span><span class="p">(</span><span class="s2">"Hello world!"</span><span class="p">);</span>
<span class="w"> </span><span class="p">});</span>
<span class="p">});</span>
</pre></div>
<p>In diesem Beispiel wird nach dem Laden der DOM-Struktur jedem <code>a</code>-Element, das sich innerhalb von <code>div</code>-Elementen mit der Klasse <code>test</code> befindet, ein <a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Event-Listener</a> zugewiesen, der beim Klick auf das Element eine Nachricht ausgibt. Der Vorteil dieser Umsetzung besteht darin, dass das Klickverhalten an einer zentralen Stelle gesteuert werden kann und nicht an dem HTML-Element selbst hinterlegt ist.
</p>
<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>
<ul><li><a href="JQuery_UI" title="JQuery UI">jQuery UI</a></li>
<li><a href="JQuery_Mobile" title="JQuery Mobile">jQuery mobile</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>
<ul><li>Bear Bibeault, Yehuda Katz: <i>jQuery in Action</i>. 2nd edition. Manning, 2010, ISBN 978-1-935182-32-0.</li>
<li>Jonathan Chaffer, Karl Swedberg: <i>jQuery lernen und einsetzen</i>. dpunkt.verlag, 2012, ISBN 978-3-89864-786-1.</li>
<li>Christian Darie: <i>AJAX and PHP: Building Responsive Web Applications</i>. Packt Publishing, 2006, ISBN 1-904811-82-5.</li>
<li>Christian Heilmann: <i>Beginning JavaScript with DOM Scripting and Ajax</i>. Apress, 2006, ISBN 1-59059-680-3.</li>
<li>Christian Heilmann: <i>Web Development Solutions</i>. Apress, 2007, ISBN 978-1-59059-806-1.</li>
<li>John Resig: <i>Pro JavaScript Techniques</i>. Apress, 2006, ISBN 1-59059-727-3.</li>
<li>Ralph Steyer: <i>jQuery: Das neue JavaScript-Framework für interaktives Design</i>. Addison-Wesley, 2009, ISBN 978-3-8273-2887-8.</li>
<li>Ralph Steyer: <cite style="font-style:italic">jQuery – Das universelle JavaScript-Framework für das interaktive Web und mobile Anwendungen</cite>. 1. Auflage. Hanser, München 2014, ISBN 978-3-446-43941-2 (<a rel="nofollow" class="external text" href="http://www.hanser-fachbuch.de/buch/jQuery/9783446439412">hanser-fachbuch.de</a>).<span class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rfr_id=info:sid/de.wikipedia.org:JQuery&rft.au=Ralph+Steyer&rft.btitle=jQuery+-+Das+universelle+JavaScript-Framework+f%C3%BCr+das+interaktive+Web+und+mobile+Anwendungen&rft.date=2014&rft.edition=1.&rft.genre=book&rft.isbn=9783446439412&rft.place=M%C3%BCnchen&rft.pub=Hanser" style="display:none"> </span></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="https://jquery.com/">Offizielle Website</a> (englisch)</li>
<li><a rel="nofollow" class="external text" href="https://api.jquery.com/">Offizielle Dokumentation</a> (englisch)</li>
<li><a rel="nofollow" class="external text" href="https://jquerymobile.com/">jQuery Mobile</a> – UI-Framework für Smartphones und Handhelds (englisch)</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<div class="mw-references-wrap mw-references-columns"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://jquery.org/history/"><i>History jquery</i></a> Geschichte und Entstehung von jquery.</span>
</li>
<li id="cite_note-_0381a55837af1035-2"><span class="mw-cite-backlink"><a href="#cite_ref-_0381a55837af1035_2-0">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://blog.jquery.com/2023/08/28/jquery-3-7-1-released-reliable-table-row-dimensions/"><cite style="font-style:italic"><span lang="en">jQuery 3.7.1 Released: Reliable Table Row Dimensions</span></cite>.</a> 28. August 2023.</span>
</li>
<li id="cite_note-_b7487de24b825c74-3"><span class="mw-cite-backlink"><a href="#cite_ref-_b7487de24b825c74_3-0">↑</a></span> <span class="reference-text">jQuery Foundation- jquery.org: <a rel="nofollow" class="external text" href="https://blog.jquery.com/2025/08/11/jquery-4-0-0-release-candidate-1/"><cite class="lang" lang="en" dir="auto" style="font-style:italic"><span lang="en">jQuery 4.0.0 Release Candidate 1</span></cite>.</a> 11. August 2025 (englisch, abgerufen am 15. August 2025).</span>
</li>
<li id="cite_note-W3Techs-4"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-W3Techs_4-0">a</a></sup> <sup><a href="#cite_ref-W3Techs_4-1">b</a></sup></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://w3techs.com/technologies/overview/javascript_library"><i>Usage statistics of JavaScript libraries for websites.</i></a> In: <i>W3Techs Web Technology Surveys.</i> Q-Success,<span class="Abrufdatum"> abgerufen am 21. September 2022</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=Usage+statistics+of+JavaScript+libraries+for+websites&rft.description=Usage+statistics+of+JavaScript+libraries+for+websites&rft.identifier=https%3A%2F%2Fw3techs.com%2Ftechnologies%2Foverview%2Fjavascript_library&rft.publisher=Q-Success&rft.language=en"> </span></span>
</li>
<li id="cite_note-5"><span class="mw-cite-backlink"><a href="#cite_ref-5">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://web.archive.org/web/20181225092702/https://trends.builtwith.com/javascript/JQuery"><i>jQuery Usage Statistics.</i></a> Websites using jQuery. BuiltWith.com, archiviert vom <style data-mw-deduplicate="TemplateStyles:r250917974">
/* start https://de.wikipedia.org/ */
.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}
/* end https://de.wikipedia.org/ */
</style><span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=https%3A%2F%2Ftrends.builtwith.com%2Fjavascript%2FjQuery">Original</a></span> (nicht mehr online verfügbar) am <span style="white-space:nowrap;">25. Dezember 2018</span><span>;</span><span class="Abrufdatum"> abgerufen am 31. Januar 2018</span> (englisch).</span> <small class="archiv-bot"><span class="wp_boppel noviewer" aria-hidden="true" role="presentation"><span typeof="mw:File"><span title="i"></span></span></span> <b>Info:</b> Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.</small><span style="display:none"><a rel="nofollow" class="external text" href="http://IABotmemento.invalid/https://trends.builtwith.com/javascript/jQuery">@1</a></span><span style="display:none"><a rel="nofollow" class="external text" href="https://trends.builtwith.com/javascript/jQuery">@2</a></span><span style="display:none">Vorlage:Webachiv/IABot/trends.builtwith.com</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=jQuery+Usage+Statistics&rft.description=jQuery+Usage+Statistics&rft.identifier=https%3A%2F%2Fweb.archive.org%2Fweb%2F20181225092702%2Fhttps%3A%2F%2Ftrends.builtwith.com%2Fjavascript%2FJQuery&rft.publisher=BuiltWith.com&rft.source=https://trends.builtwith.com/javascript/jQuery&rft.language=en"> </span></span>
</li>
<li id="cite_note-6"><span class="mw-cite-backlink"><a href="#cite_ref-6">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://docs.joomla.org/J3.x:Javascript_Frameworks"><i>Joomla! Documentation – Javascript Frameworks.</i></a><span class="Abrufdatum"> Abgerufen am 14. Mai 2015</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=Joomla%21+Documentation+%E2%80%93+Javascript+Frameworks&rft.description=Joomla%21+Documentation+%E2%80%93+Javascript+Frameworks&rft.identifier=https%3A%2F%2Fdocs.joomla.org%2FJ3.x%3AJavascript_Frameworks"> </span></span>
</li>
<li id="cite_note-7"><span class="mw-cite-backlink"><a href="#cite_ref-7">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://developer.wordpress.org/reference/functions/wp_enqueue_script/#defaults"><i>Nutzung von jQuery in WordPress.</i></a><span class="Abrufdatum"> Abgerufen am 16. März 2013</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=Nutzung+von+jQuery+in+WordPress&rft.description=Nutzung+von+jQuery+in+WordPress&rft.identifier=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Ffunctions%2Fwp_enqueue_script%2F%23defaults"> </span></span>
</li>
<li id="cite_note-8"><span class="mw-cite-backlink"><a href="#cite_ref-8">↑</a></span> <span class="reference-text"><span class="cite"><a class="external text" href="https://www.mediawiki.org/wiki/JQuery"><i>jQuery im MediaWiki.</i></a><span class="Abrufdatum"> Abgerufen am 16. März 2013</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=jQuery+im+MediaWiki&rft.description=jQuery+im+MediaWiki&rft.identifier=https%3A%2F%2Fwww.mediawiki.org%2Fwiki%2FJQuery"> </span></span>
</li>
<li id="cite_note-9"><span class="mw-cite-backlink"><a href="#cite_ref-9">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.drupal.org/node/171213"><i>Working with JavaScript and jQuery.</i></a> Drupal,<span class="Abrufdatum"> abgerufen am 16. März 2013</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=Working+with+JavaScript+and+jQuery&rft.description=Working+with+JavaScript+and+jQuery&rft.identifier=https%3A%2F%2Fwww.drupal.org%2Fnode%2F171213&rft.publisher=Drupal"> </span></span>
</li>
<li id="cite_note-10"><span class="mw-cite-backlink"><a href="#cite_ref-10">↑</a></span> <span class="reference-text"><span class="cite">John Resig: <a rel="nofollow" class="external text" href="http://ejohn.org/blog/barcampnyc-wrap-up/"><i>BarCampNYC Wrap-up.</i></a> 16. Januar 2006,<span class="Abrufdatum"> abgerufen am 16. März 2013</span> (Kommentar des Entwicklers John Resig).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=BarCampNYC+Wrap-up&rft.description=BarCampNYC+Wrap-up&rft.identifier=http%3A%2F%2Fejohn.org%2Fblog%2Fbarcampnyc-wrap-up%2F&rft.creator=John+Resig&rft.date=2006-01-16"> </span></span>
</li>
<li id="cite_note-11"><span class="mw-cite-backlink"><a href="#cite_ref-11">↑</a></span> <span class="reference-text">Vgl. Liste Team-Mitglieder und Status unter <a rel="nofollow" class="external text" href="https://jquery.org/team/">jquery.org/team</a> (Abgerufen am 16. Februar 2015)</span>
</li>
<li id="cite_note-12"><span class="mw-cite-backlink"><a href="#cite_ref-12">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://blog.jquery.com/2006/06/30/jquery-10-alpha-release/">jQuery 1.0 Alpha Release</a> Ankündigung der Alphaversion 1.0 (englisch), abgerufen am 2. April 2013.</span>
</li>
<li id="cite_note-3.0-release-13"><span class="mw-cite-backlink">↑ <sup><a href="#cite_ref-3.0-release_13-0">a</a></sup> <sup><a href="#cite_ref-3.0-release_13-1">b</a></sup> <sup><a href="#cite_ref-3.0-release_13-2">c</a></sup></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://blog.jquery.com/2016/06/09/jquery-3-0-final-released/"><i>jQuery 3.0 Final Released!</i></a> im eigenen Weblog. 9. Juni 2016,<span class="Abrufdatum"> abgerufen am 11. März 2017</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AJQuery&rft.title=jQuery+3.0+Final+Released%21&rft.description=jQuery+3.0+Final+Released%21&rft.identifier=https%3A%2F%2Fblog.jquery.com%2F2016%2F06%2F09%2Fjquery-3-0-final-released%2F&rft.date=2016-06-09&rft.language=en"> </span></span>
</li>
<li id="cite_note-14"><span class="mw-cite-backlink"><a href="#cite_ref-14">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://blog.jquery.com/2013/05/24/jquery-1-10-0-and-2-0-1-released/">jQuery 1.10.0 and 2.0.1 Released</a> abgerufen am 29. November 2021 (englisch).</span>
</li>
<li id="cite_note-15"><span class="mw-cite-backlink"><a href="#cite_ref-15">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="https://datatables.net/">DataTables Table plug-in for jQuery</a></span>
</li>
</ol></div>
<div class="hintergrundfarbe1 rahmenfarbe1 navigation-not-searchable normdaten-typ-s" style="border-style: solid; border-width: 1px; clear: left; margin-bottom:1em; margin-top:1em; padding: 0.25em; overflow: hidden; word-break: break-word; word-wrap: break-word;" id="normdaten">
<div style="display: table-cell; vertical-align: middle; width: 100%;">
<div>
Normdaten (Sachbegriff): <a href="Gemeinsame_Normdatei" title="Gemeinsame Normdatei">GND</a>: <span class="-print"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/7681087-2">7681087-2</a></span> </div>
</div></div></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-11-11" href="https://de.wikipedia.org/wiki/?title=JQuery&oldid=261461942">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>